<!DOCTYPE html>
<html>
<head>
	<title>TextSlider - 踏雕上月 Studio 猫熊设计</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">  
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="topImg">
		<div class="container backToHome">
			<a href="https://www.zsxcool.com/">踏雕上月 Studio</a><a href="https://www.zsxcool.com/" target="_blank">BUG反馈</a>
		</div>
		<div class="container">
			<div class="logoContainer col-sm-5">
				<img src="picture/logo.png" class='logoImg' />
			</div>
			<h1 class="topImgText col-sm-7">TextSlider</h1>
		</div>
	</div>
	<div class="tabMenu container">
		<a class="selected" href="index.html">简介</a>
		<a href="start.html">起步</a>
		<a href="download.html">下载</a>
	</div>
	<div class="mainAbout">
		<section>
			<div class="container autoConvert">
				<div class="textArea col-sm-5 col-sm-offset-1">
					<h2>为阅读型幻灯片而生</h2>
					<p>TextSlider 是一个自动将文本自动转换幻灯片的工具</p>
					<p>采用 Markdown 的方法编写文本，可自动转换为幻灯片内容、目录、章节标题、内容导航等页面</p>
					<a href="demo/index.html" class="demoBtn" target="_blank">➤ 观看 TestSlider 演示</a>
				</div>
				<div class="textImg col-sm-6">
					<img src="picture/img1.png" />
				</div>
			</div>
		</section>
		<section>
			<div class="container autoSplit">
				<div class="textImg col-sm-5">
					<img src="picture/img2.png" />
				</div>
				<div class="textArea col-sm-7">
					<h2>自动分页和快速导航</h2>
					<p>在使用 TextSlider 的过程中，您只需要更加关注于内容，而不是排版。您不再需要关注于什么时候需要换下一页，TextSlider 会自动为您的幻灯片分页</p>
					<p>您可以用 TextSlider 自动为您生成的导航工具方便快捷的导航到任意一页</p>
				</div>
			</div>
		</section>
		<section>
			<div class="container animation">
				<div class="textArea col-sm-6 col-sm-offset-1">
					<h2>3D动画切换幻灯片</h2>
					<p>采用炫酷的3D切换动画来切换您的幻灯片内容，让您的演示不再单调</p>
					<p class="orangeText">* 此功能需 IE10 以上浏览器及模板支持</p>
					<p class="orangeText">* 此功能可通过设置来关闭</p>
				</div>
				<div class="textImg col-sm-5">
					<img src="picture/img3.png" />
				</div>
			</div>
		</section>
		<section>
			<div class="container color">
				<div class="textImg col-sm-5">
					<img src="picture/img4.png" />
				</div>
				<div class="textArea col-sm-7">
					<h2>格式、排版、字体</h2>
					<p>TextSlider 为阅读而生，只要根据 Markdown 的方法去编写，就可以自动为您设置好各种格式及排版，<span class="orangeText" style="font-weight:bold">从此以后您不再需要手动设置任何格式！</span>您只需要关注于内容本身</p>
					<p>默认的模板提供了 橙、红、绿、紫、蓝 5种颜色显示。您可以在幻灯片播放过程中来切换色彩主题，也可以通过设置来固定播放时的某一种颜色</p>
				</div>
			</div>
		</section>
		<section>
			<div class="container theme">
				<div class="textArea col-sm-6 col-sm-offset-1">
					<h2>修改模板</h2>
					<p>您可以替换模板文件夹中的背景或Logo图片来定制属于您自己的演示模板</p>
					<p>要修改幻灯片的排版及阅读方式，可通过定制模板来实现</p>
					<a href="https://www.zsxcool.com/" class="demoBtn" target="_blank">为我定制专属模板</a>
				</div>
				<div class="textImg col-sm-5">
					<img src="picture/img5.png" />
				</div>
			</div>
		</section>
	</div>
	<div class="bottomImg">
		<div class="container">
			<div class="tabMenu bottomTab container">
				<a class="selected" href="index.html">简介</a>
				<a href="start.html">起步</a>
				<a href="download.html">下载</a>
			</div>
		</div>
		<div class="container footer">
			版权所有 © <a href="https://www.zsxcool.com/" target="_blank">踏雕上月 Studio</a> | <a href="https://www.zsxcool.com/" target="_blank">踏雕上月</a>
			
		</div>
	</div>
</body>
</html>